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FOREWORD 


il Hey! I'm the co-creator of Miles Morales. For the first five years 


such @ gorgeous piece of animation that it would deserve its own art book. 


Okay, A little context into Miles’ history cnd then {ll tell you the secret 
reason why art books like this are the absolute best. What Spider-Man 
had subtly done over the years is grow beyond itself. Quite a few things 
were happening in the comics. First off we launched a comic called 
Ultimate Spider-Man which chronicled the teen exploits of Peter Parker 
a3 if they happened today instead of 1950-something something 

Now there were different Spider-Man titles doing very well. Then over 

In Amazing Spider-Man, quite a few supporting or ‘legacy’ characters 
became very popular. Popular enough to get their own comics and toys. 
Before you knew it Spider-Man wos more than «i character... he hed 


become his own universe. A Spider-Verse, if you will 


FLASHBACK! At Marvel, We have frequent get-togethers called ‘retreats’ 
where we just sit around and talk about everything you'd think nerds 

of our caliber would talk about. One of the subjects was Ultimate 
Spider-Man, We talked about what we would do differently today, 

We talked about his universal appeal. His unique global appeal. 

We talked about how Spider-Man, if you look at the basic building 


blocks of its origin—where he's from, what motivated him—there's 


really nothing that said this character should be Caucasian. In fact, 
you could argue there's very little that says he should be. Is that part 


of his unique appeal? 


Could Spider-Man BE someone else? Who? Why? Well, those ideas 
scored the hell out of me, So! did what you do when something scares 
the hell out of you creatively, You do it. You do it in spite of, 


We created a brand-new Spider-Man named Miles Morales. But none 
of it was easy, Should he be created from scratch or should he be 
something out of the Ultimate Spider-Man story? Should Miles 

be motivated by Peter Parker or should he be motivated by his own 
situation? Should they EVER meet? Is the world ready for a new kind 


of Spider-Man? Does the world want this? 


All good questions. All scary questions. No easy answers. | sat cn this 
for a while. | needed that extra special magic connection In my brain 
Between Miles and Peter? Between myself and the character? 4 couple 
months later, on a long bike ride, the simple, elegant idea finally found 
its way to the surface: if Peter Parker dies heroically enough, he could 
be the ‘Uncle Ben’ character to this new Spider-Man. Then he continues 
the legacy of Peter, which is the legacy of Uncle Ben, which is the legacy 
of ‘with great power comes great responsibility.’ This new character can 
feel the words from his new perspective, Now we have a Spider-Man 
that means something to the legacy of Spicier-Man but takes it in a 


completely differant place. 


Co-created by Sarah Pichelli, the ortist of Ultimate Spider-Man, with 
@ great deal of input and inspiration from Marvel chief creative officer 
Joe Quesada, Miles Morales was born, 


Miles really took off, | KNOW | sound like I'm bragging but you just 
bought the book of the art of the movie of the character so I think you 
know by this point Miles took off, 


‘And here we are, you and!|, in one of my favorite places, In the hands 
of such talented artists and filmmakers. | love art books, | Jove them. 
Ihave learned, explored, challenged myself so much diving into books 
JUST tke this 


That's why ‘art of beoks are the best! If this is your first lam so excited 
for you! If you loved something, seeing the concepts at their most 

raw and most expressive can show you deeper truths and deeper 
appreciation. Sometimes it's ideas at their most unmanageable that 
inspire true greatness, Sometimes it's ideas creeping out from the back 
of the artists’ heads. | love rough character sketches so much, 

It’s an artist's id, ego, and momentary subconscious showing itself 

to you alll at once. But, to me, so many of these abandoned ideas and 
sketches are still so worthy and so inspiring. One sketch can inspire 

G universe of ideas. One sketch can ruin an entire franchise. A book like 
this is artists of incredible temperoment shewing you one thin 
THIS IS REALLY HARD! 


BEWARE! These books are addictive. Often, as a storyteller challenge, 
| would think how Star Wars would have played out with some of those 
original designs, | studied The Art of the Matrix like it was the Torah, 


And I'm not alone. Every artist in this book probably owns more books 
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like this than anything else in their house. Now they get to be in one 


or get to be in one again. It's SO cool. 


Sit back and let these omazing visuals wash over you, Let them inspire 
you. Let them take over your imagination, Let them inspire you to put 
pen to paper or tablet, 


IF you can't tell, | am very moved by the very existence of this book, 
This is the work of really amazing artists, designers, and craftsmen, 


some of which | have met and some of which [might never but we share 


‘a great affection, You can tell with every line end brush mark, with every 
pixel and color choice that every person in this book shares a deep 


personal passion for all things Spider-Man. 


| worked on Spider-Man for eighteen years, and | know | can speak for 
everyone involved in this book, and movie, when | tell you this wos our 
dream job. Now enjoy this chronicle of the sweet torture of them trying 
to figure out how to do it, 


Brian Michael Bendis 


The Art of Spider-Mai 


INTRODUCTION 


: Into the Spider-Verse 


CREATING A THOROUGHLY MODERN HERO 


n 2011, when comic book writer Brian Michael Bendis and artist 
Spider-Man comics, fans eagerly embraced the new incarnation of the 
character created by Stan Lee and Steve Ditko over five decades ago 

The smart, nerdy son of an African-American father and a Puerto Rican 


mother, Miles struck a fresh chord of diversity in the Marvel Universe. 


‘The popularity of Miles Morales and the freshness of his world didn’t 
escape producer Amy Pascal (Sony Pictures Entertainment chief at 
the time) and Marvel Studios founder Avi Arad, who were looking for a 
new project featuring the classic web-slinger. “Avi and | both agreed 
that there had never been a super hero mavie done In animation 


for the big screen,” recalls Pascal. "We wanted to produce a four- 


quadrant animated movie that was made for everyone, not just for kids, 
Animation offers usa whole new way to explore the characters and 
allows us to explore the characters in ways that we couldn't do in live- 


action movies before,” 


‘Arad, who has had a long, successful career producing both animated 
and live-action TV series and movies (including the six previous Spider- 
Man features) was also excited to try something new. “Everyone was 
going from animation to live-action, and | tald Amy, ‘I think we should 
do it the other way,” he says. “We should showcase the style and art 
of the amazing comic books and make a movie for all ages. The idea 
of diversity was alsa very important ta us, becouse the big theme af 


Spider-Man is that anybody can be under that mask. What the mask 
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says is that when you put it on, you have the heart and soul of a hero. 


Sony Pictures Animation’s Spider-Man: Into tho Spidor-Vorse bagan to really take flight 
when the occloimed directing/producing team of Phil Lord and Chris Miller came 

on board os executive producers. The dynamic duo, who had worked on Sony's well- 
received Cloudy with a Chance of Meatballs (2009) and its sequet (2013) as well 

{9s The LEGO Movie, and The LEGO Batman Movie were happy to return to the studio 
to help shope the cnimated adventure. 


“We decided we were in if the movie didn't center on Peter Parker.” admits Lord. “At that 
time, Miles was easily the most exciting character in the Marvel Universe. Oddly enough, 

‘round the same time, | went to the Jett Koons retrospective in New York City—and love 

itor hate it—all his art is about other peaple’s work. It made me like, ‘We could perhaps 
create a post-modern Spider-Man.’ So, we leaned into this ideo of a post-modern 


Spider-Man in this environment that has multiple spider-peaple from all of the comics.” 


Lord ond producing partner Miller believe thet we live in a peak super hero world, and 
one way to deliver something new is to tell a story about how it feels to be « wide-eyed. 
first-time super hero in an environment where everyone has been doing It for a long 

time. As Miller explains, 


| think both the visucls and the story are especially cool, ond 
We haven't seen anything like them before. From a story standpoint, we are telling this 
story obout Miles and Peter Parker, who have a very interesting dynamic between them. 
Miles is younger, doesn't really want to be Spider-Man, and being o super hero is more 


problematic for him.” 


Lord ond Miller are equally excited about the cutting-edge visuals of the movie. Thanks 
to the work of production designer Justin K. Thompson, art director Dean Gordon, and 
+the brilliant technical team at Sony Imageworks, this new version of Spider-Man looks 
very different from any of the other CG-animated or 2D features we have seen in the 
past decade. 


“We have moments when the frame gets broken into panels, just like you see in comic 
books,” notes Miller. “There ore flash frames that allow for unusual compositions, and 
‘there are weird sound effects and stylized visuals that ore spread throughout the movie. 
There ore scenes where you feel you are watching the movie through the eyes of ane 

of the characters, about 100 yards away from the sidelines of the action. It's very exciting 


to watch, ond it’s choreographed to provide a whole new perspective Inte the sequence 


PREVIOUS SPREAD: Duldings by Zoc Rete ret Wendell Dalit 
LEFT: Concept art of Miles by Alberto Micigo. 
ABOVE: Sketch of tiles by Jesus Alonso igiesas. 
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ABOVE: Concept painting of Miles’ Manhattan by Wendell Dalit 


The film's acclaimed co-director Peter Romsey (DieamWorks’ Rise 

of the Guardians) says the project's loyalty to the comic book aesthetic 
is something that hasn't really been experienced on the big screen 

to this level, “OF course, dozens of Morvel movies lean on that leok while 
telling a cinematic story, but | can’t think of any other animated film that 
makes this much of a visual statement. That's why people had such a 
great reaction to the film’s Fist trailer 


Ramsey, who is one of the top animation directors working in the business 
today, says it has been especially rewarding to work on Miles’ story. 

“Until recently, the scarcity of heroes and lead characters that are not 
white has always been a bit of a subtie mental stumbling black for people 
of color,” he shares “You fee! left out of the fontasy narratives, unless you 
have @ hero whose mind and heart you're getting into. | beliave that the 


introduction of Miles Morales as Spider-Man sparked a renaissance and 


attrend to reimagine and feature characters that are not white and not 
male. As Phil and Chris mentioned, the Idea hos always been that anyone 
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can be under that Spider-Man mask. That's the story we set out to tel 


Sony Pictures Animation president Kristine Belson also brings up that she 


finds the movie's central storyline quite powerful, "Miles is trying to figure 
out who he iss a young man in relation to his father and uncle, and he 
hos to deal with all these new expectations ond responsibilities, As Chris 
[Miller] and Phil [Lord] often pointed out, the great message for the kids 


in the audience is that you are all powerful and we are counting on you" 


She adds, “We are trying to bring something fresh to the table by 


s in the ar 


exploring the graphic language of comi mation. Early in 
the process we were lucky enough to work with Alberto Mielgo, a truly 
extraordinary artist whose vision put us on the path, and continued 

to guide and inform the groundbreaking final look of the movie, His 
influence was pretty remarkable. We are hoping to subvert expectations, 
take some chances and surprise people with something that they 


haven't seen before, 


Introduction 


A WEB OF VISUAL DELIGHTS 


To realize their vision for the new Spidey and his world, the producers 
reached out to production designer Justin K. Thompson, who previously 
collaborated with Lord and Miller on the two Cloudy with a Chance of 


Meatballs movies. 


looked at the early development and thought it was beautiful. | used 
that as a jumping off point, but wanted to give the film an even stronger 


visual identity by leaning into the comic book language that was hinted 


at thi 


says Thompson. “I leamed how to draw by emulating the 


artists who cre 


the comic books | grew up with. | loved the line 
work, the color, the texture, the screen-printing, everything. And Spider 
Man was a character that | loved from an early age so! was really 
excited when Chris and Phil asked me, ‘What if you were given carte 


blanche and could make an animated movie based on a comic boo! 


BELOW: Concept art by Patrick O'ke 


What would you do differently?” 


hompson said he wanted to avold anything slick or glossy that 
would eliminate the hand of the artist or downplay the stakes of the 
universe Miles lives in. “Comic books are actually quite gritty in the 
way they're made,” he points out. “One of the things that has always 
appealed to me about comics was that | felt as if they gave me 

a window into a mysterious, darker world where the super heroes were 
dealing with the same problems that | was dealing with, but where 

the stakes were much higher. Miles’ actions jead to the death of his 
uncle and | thought it would be a really interesting challenge not 

to downplay that. The filmmakers didn’t want ta shart change that 
either, and it informed nearly every design choice | made when 


we were designing Miles’ world 


W 


The Art of Spider-Man: 


into the Spider-Verse 


ABOVE: Artwork by Yunki Demers 
RIGHT: Early sketch of Miles by Jesus Alonso Iglesias. 


The t 


nical team at Sony Imageworks set out to recteate the tactile, 
granular feeling of graphic novels, even going as tar as recreating 
the dot-printing process used in older comic books. “You really felt 
the artistry as you turned the page,” recolls Thompson. “But | knew 
that the computer excelled at the opposite. It was best at simulating 
realism, What | challenged the team to do was bend those rules and 


expectations and create a whole new reality. Our character's reality.” 


As art director Dean Gordon, who also worked on the two Cloudy with 
a Chance of Meatballs movies with Lord and Miller, explains, “The nature 
of computer rendering tends to fight @ graphic look, We worked on 

painting textures that are less naturalistic, definitely more abstract, 

to take a step away trom true realism. We worked to get away from soft 
transitions between colors and values, which is what computers naturally 
do, In our artwork we broke down colors and values into defined shapes 


with short or ne transitions to give them a more illustrative feel. 
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We brought the some ideas to the characters’ skin tones, Having the 
skin tones fit into the same environment using the same screen tones 
and hatchings, and value banding we see in comies elevated that 


illustrative element.” 


Another way to get the comic book feel was to play with the lighting 
of scenes throughout the movie, “There's @ tendency in animated 
movies to go for bright, colorful lighting.” says Gordon. “We wanted 

to extend our range, and looked at some of the techniques of live 
action films. We were allowed to go as dark in a sequence as we 
needed creatively, We used dark shapes, with just glimpses of light 

at times, We always think cbout what part of the shot we're exposing 
for. We're bringing in light bleeds at the edge of frames, And we always 
want to include something ebserved in our lighting, It really extended 


the range of what we can put up on the screen.” 


Introduction 


Animation supervisor Josh Beveridge, an alum of many movies at Sony— 
including Open Season, Surf's Up, Cloudy with a Chance of Meatballs 
nd its sequel, Arthur Christmas, Hotel Transylvania ard its sequel, 
echoes Gordon's comments. “Our big chollenge was creating that 
balance between being cartoony and realistic,” he notes. “To deliver the 
best representation of comic books to animated life, we had to break 
and overhaul our way of looking at things. It led us to frame modulation 
to get this crunchy, crispy version of pop art. When you do Spider-Man 
in live action, it never feels completely believable because we had 

to deal with real physics to put him in these fantastic poses. Animation 
allows us to break physics, but you don't want to be too choppy and not 
too smooth. You want crisp pop with aggressive clarity, At Sony Pictures 
Animation, we have on amazing robust animation and VFX pipeline, and 
| think we have forever altered our pipeline thanks to this project.” 


Imageworks veteran Danny Dimian, who is Into the Spider-Verse’s visual 
effects supervisor, compares the film's creative journey to one of the 
studio's earlier technical milestones. “This return to Spider-Man reminds 
me of our work on The Hollew Man (2000)," says Dimion. “Back then, 
what we were trying to do wasn't readily avallable off the shelves, so 
we had to rethink everything. This time, though, we are not writing the 
software from scratch. We are trying to find a new technique to tell 

the story.” 


Dimian—whose many credits include the 2002 Spider-Man, Stuart Little 
2, The Polar Express, Surf's Up and Cloudy with a Chance of Meatballs— 


says the technical team 


dd to stay away from the rigid formality 
‘associated with CG animation, “Computers do everything correctly 
‘and you have the right perspective ond geometry all the time,” he 
points out, “What's interesting about att is all the imperfections that 
‘go hand in hand with a human creating things. We had to find a way 
to break things. 


‘Among the many stylistic ways the tech team paid homage to ald comic 
books was emulating the way color offsets were not aligned properly 
in some prints of the run. "We took that as an opportunity to explore 
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how to play with focuses in a scene,” says Dimian. “It was hard to focus 
on an image when alll the color passes were not properly aligned. 

We thought, ‘What if the camera didn't de-focus like a lens?’ So, we 
splintered and offset the image in a way that is similar too misprint. 

it has a really cool fee! to it that creates this illusion that something 

is printed on the screen. 


Thompson says that all along, the goal has been to keep the comic 
book aesthetic alive and well with the aid of the latest in 3D 
technologies. “Ideally, we want to be able to stop every frame of the 
film and nave it look like an illustration,” he concludes. “We don’t want 
it to look great only in the wide shots. The dots, the screen tones, the 
panels, the way everything Works in a 3D space—the goal was to make 
you feel like you're living inside a comic book.” 


SETTING 


THE SCEN 


sin many of Spider-Man's previous big-screen movies, 

New York City is more than just the backdrop for our 
hero's adventures. The web-slinger’s adventures are frequently 
‘set against the busy streets of Manhattan, and we often see 
him jumping on subway cars and swinging perilously from tall 


skyscrapers, As a departure from the other films, however, Miles 
Morales and his family live in Brooklyn, and their comfortable 
home is in sharp contrast with the stark, hustle-cnd-bustle 

of the Big Apple. 


“Our Manhattan is ¢ caricature of the real one,” says visual 
development artist Yuhki Demers. “We wanted to make sure 
that the sense of wonder you get when you stare up from the 
bottom of a skyscraper carries through with this entire part 

of the city. From a color standpoint, Manhattan lives on the 
cooler side of the color wheel, giving Miles cold and uninviting 
vibes. This stands in direct contrast with the warmth of Brooklyn 
and Miles’ family apartment,” 


Setting the Scene 


LEFT: Spider-Man in his natural habitct b 
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Setting the Scene 


“I'm really proud of how illustrative and unique our film looks compared to 
other big studio animated features. One of our big goals was to make the 
movie look as gritty as the classic comic books, which offer a window 
through these mysterious worlds.” 


Justin K, Thompson, Production Designer 


a! 


LEFT: Concept art by Neil Ross, Craig Mullins, and Peter Chan, ABOVE: Artwork by Patrick O'Keefe. 
NEXT SPREAD: Artwork by Zac Ret, 
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The Art of Spider-Man: Into the Spider-Verse 


BELOW LEFT: Artwork by Yuhki Demers. BELOW RIGHT: 
Dalit, NEXT PAGE AND SPREAD: Concept art by Alberto Mie! 
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“The idea was to make the movie look like a comic book come to life. We also spoke quite a bit 
about wanting the final version of the film to look just like the early concept paintings. 
They were so dynamic, fresh and visually arresting that we wanted 
to make sure they were translated to the screen.” 
Christina Steinberg, Producer 
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The Art of Spider-Man: Into the Spider-Verse 


Affectionately known as ‘RiPeter, by the film's artists (because he dies early on in the 
first act), the original Spidey is the idealized version of the super hero. With perfect 
blond hair (modeled after Brad Pitt in A River Runs Through It) and the ideal physique, 
he stands asa powerful contrast to the older version of Spidey which arrives from 
‘another Spider-Verse, He has developed his own suits and web-shooters. He even has 
the Spidey workshop built under Aunt May's house. 


“If you were bitten by a spider and needed a Spider-Man mentor, he would be the 
pertect guy for the job,” says director Bob Persichetti. “He is voiced by Chris Pine 
(uncredited), he is in his prime, in his mid-twenties, and has been Spider-Man for 
about ten years. He’s married to M.J., Aunt May is still alive. Miles just stumbles into him 
when he witnesses a fight between this Peter and the Green Goblin. It's during this fight 
‘that they have an interaction. Peter Parker saves Miles and his spider-sense resonates 
and realizes that Miles is also Spider-Man, He tells Miles, ‘Let me go save the world 
quickly, and I'll come back and teach you how to do this.’ So, we deliver the perfect 
mentor to Miles only to take him away, His role is to make the next Peter that arrives 
feel very inadequate!” 
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T: 2D design by Shiyaon kim, 3D design by Omar Smith, paint by Wenciell Dalit. ABOVE: Concapt art by Alberto Mielgo. 


“One of the key messages 

of the movie is that anyone 

can wear the mask, We all 
have the power and the 

responsibility. It’s up to the 
future generation of this 
country to stand up and 

do the right thing.” 


Kristine Belson, 


Sony Pictures Animation President 


Early development sketches by Jesile Alonsa Iglesias. 
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WHO IS 


MILES MORALES? 


iles Morales, the hero of the movie and the comic book created by Brian 
Rican thirteen-year-old boy, who wos reportedly inspired by then-U.S. President 
Barack Obama and actor Donald Glover. The filmmakers behind Into the Spider- 
Verse were thrilled to center the animated feature on an exciting new character 
who is uncertain about his role as a super hero. 

FOLD-OUT: Color script by Dave Bleich 

FOLD-OUT: Artwork by Justin k, Thompson, Wendell Dalit, Alberto Mieigo, and Yuhki Demers. 


BELOW: Early concept artwork of Miles inhis sult and cape. 
RIGHT: Concept art. All by Alberto Mieigo. 
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“Only until recently, there was this scarc 
of non-white heroes and lead characters, which 


ty 


always created this mental stumbling block for 
people of color. You feel left out from these 
fantasy narratives unless you have a hero 
whose mind and heart you're getting into. 


Peter Ramsey, Director 
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Who is Miles Morales? 


“It's Miles that makes me love this movie,” says Kristine Belson, president of 
Sony Pictures Animation. “He is just ¢ great character and is very different 
from Peter Parker. Miles is the child of two present and loving parents. 


He is confident, and has a very different set of problems ta deal with.” 


Miles is also a great foil for the Peter Parker we meet in the movie. 
Both Miles and Peter become super heroes in similar ways,” says 


‘animation supervisor Josh Beveridge. “But Peter was o boy genius, while 


Miles is a kid that wants to be a kid. He has a more challenging and 


interesting journey.” 


As production designer Justin K, Thompson describes him, “We wanted 
bles 


Miles to feel like he's 


still developing at the beginning. He sort of re: 
a baby deer—he's got skinny legs with wobbly knees and he's got these big 


hands and feet,” he notes. “He really stands out when he’s in fight scenes 


with some of the other characters, 


The Art of Spider-Man: Into the Spider-Verse 


Storyboard artist Miguel Jiron adds, “With all the fun ideas and elements 
we got to play with in this film, it was helpful to remind myself to always 
bring it back to Miles and ground ail the craziness with his unique 

perspective—a thirteen-year-old boy who can't quite believe his destiny 


and finds himself greater than he could ever imagine.” 


Producer Avi Arad hopes audiences will fall in love with Miles as much 
as he and his team did as they developed and created the movie. 

“The takeaway is that you don’t have to be muscular and tall to be 
strong, Everyone is beautiful in their own way, and it always Icoks better 


in animation” 


AROVE: Sietches of Miles in his sult Artwork by Jesiis Alonso Iglesias, 


Who is Miles Morales? 


AROVE: Sketches of Potor ond Milos by Jess Alonse Iglesias, BELOW: Story art by Miguel Jiron 


“We are using these contemporary 3D, CG animation 
tools, but we want every artist to remember that every 
frame is an illustration of something. We are trying 
to bring the human hand back into visibility on top 
of all the amazing technological achievements.” 


Phil Lord, Writer / Executive Producer 


The Art of Spider-Man: Into the Spider-Verse 


Everything about the Morales’ apartment in Brooklyn reflects the warm, multicultural 
upbringing that our young hero has been exposed to all his life. The designers strove to include 
elements of both parents’ heritage in the details of the family’s warm and inviting residence. 
“They live in this old, classic building in Brooklyn,” says praduction designer Justin K. Thompson. 
“You con see Rio Morales’ strong Puerto Rican heritage reflected in the décor as well as 
Jefferson's back story laid out in the designs. Miles’ own bedroom is a combination of bath 
parents as well as a reflection of his artistic style. It’s really the culmination of being raised in 
this warm community. There's a great scene on his first day of school and we see him driving 
‘away ftom his okd neighborhood, waving at his old friends. When he arrives at the Brooklyn 
Visions Academy, Miles experiences a bit of a culture shock when he sees how regimented 
everything is. 


E, AND RIGHT: Peter Chan's ilistrations of the Morales” apartment. 
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Who is Miles Morales? 


The Art of Spider-Man: Into the Spider-Verse 


A loving, modern Brooklyn mom, Rio is a hard-working Puerto Rican nurse who 
wants the best for her son. She clearly understands her son's reluctance to attend 

Brookiyn’s Visions Academy, but also believes in exposing Miles to the best educational 
opportunities possible. In designing her, the film's artists wanted to create an authentic 


everywoman that shared a distinct physical resemblance te her son. 
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Who is Miles Morales? 


To create the character, the artists opted for being inspired by recl 
people they would run into in New York, “We tried to create a more 
observed character with Rio,” says Justin k, Thompson. “She has 
© really sensitive and expressive appeal that we con see ached 
in Miles’ features. Ithelps the audience feel her strong bond with 


Miles and their relationship, 


PREVIOUS SPREAD: Artwork by 
LEFT: 20 design by Shiyoon kim and paint by Wendell Dalit, BELOW: 


fan Gordon and character concept by Alberto Mielgo, 


cll expr 
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Miles! dad is a tough veteran police officer who is struggling to get his son, 


to understand the expectations he has for him. He has his own back story 
5 well, When they were younger, he and his brother Aaron used to hang 
out together and get into trouble, but when he met Rio and had 


© child with her, he decided to go straight and joined the police force 
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To design the character, the artists had 
to make sure he represented strength 
‘and physicality to match his tough-guy 
persone. “But we also had to make sure 
he had this great warmth to him," says 
production designer Justin K. Thompson, 
“Physically, Jefferson is very imposing. 
but he is still someone we are supposed 
to empathize with. His design is a great 
reflection of these two sides of his 
personality. Sometimes he can be strict 
simply because he wants Miles to ovoid 
some of the troubles he got into when 
he was young, but most of the time 

he has very warm, rich smile which con 
mett just about ony heart.” Thompson, 
also notes that Jefferson has on uncanny 
resemblance to someone in director 
Peter Romsey’s life. “He actually looks 


«a lot like Peter's dad” 


READ: Character concept art by 
Alberto Mielgo. 
LEFT: Jefferson and Aaren In their youth by Wendell Dallt 


Who is Miles Morales? 
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© have, but any sane par 
19 knives, katan 


ts, and an absurdly loud 
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Miles’ uncle is one of the most complex and Prowler. He has a very interesting ond nuanced 
charismatic characters featured in both the relationship with Miles as he oscillates between 
ofiginal Miles Morales comic book and in the being 9 positive role model and a darker 
movie. He is the cool uncle who serves mare disturbing presence. Aaron and Jefferson 
a8.@ fun influence on aur young hero's life, represent the two possible paths that Miles 


until we learn his dark secret, “He is the guy hos to choose from. Both of them are amazing 
who teaches Miles that he doesn't have to actors” Aaron is voiced by Mahershata Ali 
take everything so seriously all the time,” says (Moonlight, Alita: Battle Angel), and Jefferson 
writer and producer Chris Miller, “Of course, is voiced by Brion Tyree Henry (Atlanta) 


we find out that he is one of the bad guys, the 


ABOVE: Facial expression development by Shiyoon kim 
RIGHT: 2D design by Shiyoon Kim, 8D design by Omar Smith, and paint by Yashar Kassci 
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Who is Miles Morales? 
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Who is Miles Morales? 


Unlike many of the other characters that were inspired by regular 


ple on the streets, the character designers were heavily influenced 


‘Aaron is one of the few characters that 


by Ali's physical character 
resembles the actor that voices him.” says production designer Justin K. 


Thompson. “He has 


an interesting face, and he was one of the first 


actors cast in the movie, so our designer Shiycon Kim (Tangled, Fr 


n 
Wreck-It Ralph) was Inspired by Al's long, thin physique and his tall, thin 
head. Jefferson has more of a wide offensive lineman football player 
body, while Aaron has more of lean basketball player shape. Shiyoon 


created a beautiful and original design. 


ABOVE: Concept development by Jesis Alonso Iglesias 
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Who is Miles Morales? 


BLURRED 
VISION 


T demy was split into three parts: the school exterior, 
the interior, and the dorm room exterior. The goo! was 


to create the opposite feeling of the worm, raw, and lived-in 


world that Miles belonged to in Brooklyn. As development art 


Peter Chan explains, “This ideo translated to F 
contemporory design aesthetics and constructic 

cover up the histori 

bit showing through the entrance of the sch 

of clean, perfect geometric plans and shapes. The overall 


scheme is also very cold and sterile 
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ABOVE: Design by Alberto Mielgo.and paint by Dean Gordon, BELOW: Artwork by Chin Ko. 
NEXT PAGE: Artwork by Peter Chan and Zac Retz 


r 


In their mission to capture authentic backdrops for the movie, the 


creative team visited big charter schools in Los Angeles and New York 
and took numerous photo references. “We wanted the audience to 
empathize with Miles’ parents who simply want a better life for their 
kid,” adds production designer Justin K. Thompson. “The school is 
literally a bridge between two worlds. | imagined it as an old building 


in Brooklyn that has been purchased by a charter school, who then 
hired a Los Angeles architectural firm to completely modernize it, while 
leaving some of the old Brooklyn charm integrated into it, Past, present, 
and future all coming together in one place. An ospirational place that 


offers unlimited opportunities that Miles eventually learns to love,” 
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ABOVE: Early concepts of the building design by Tony leniro, 
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“Our hero is a very young kid who has this sense of wonder. This is a super hero 
story that is not about fitting the mold or being a genius. This is a story about being 
a reluctant young hero who wants to be a kid first.” 

Avi Arad, Producer 
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After Miles begins to suspect that he has developed superhuman To realize this vision, production designer Justin K. Thompson asked artist 
abilities, he hoppers to come acrass a Spicier-Man comic baok that Marcelo Vigneli, a Sony Pictures Animation vateran, to draw several comic 
detoils the origins of the famous super hero. The filmmakers thought this book pages, paying homage to the classic version of the property. 


would be the perfect opportunity to pay homage to the source material 
was so excited when Justin asked me to came on board with this 
by including a specially created comic book in the actual movie. 


@ TRUE LIFE TALES OF fe 


_oPIDER: MAN- 


E{ PLease s10r ae 
STICKING 


Storyboards by Ryan Savas. 
Lighting keys by Wendell Dalit 
Hand-inked 10k pax 


* created by Marcelo Vignal 


assignment,” says Vignal, who was production designer on Hote! 
Transylvania and art director on Surf's Up and Smurfs: The Lost Village. 
“This project was so secretive, that although | work at the studio, 
| hadn't seen any artwork or character designs. The only thing I'd seen 


was the trailer, which was loved by everyone.” 


Vignali, who was a huge fan of the first animated Spider-Man TV series 
(1967-1970), says he was very excited to tackle the challenging job. 
“They didn’t want a modern look for the comic, so we went back to 


Steve Ditko’s classic version,” he notes. *| really marvel at the look Ditko 
established, which has remained constant, but those first issues didn't 
have a [ot of detail about the origins of Spider-Man. | had no drawings 


of Peter Parker, and there wasn't much to hang my hat on. So, | also 


‘OM My GOT, 
THERES A MAN 
‘ON THE WALLT 


referred to John Romita Sr's work, which had more details about the 


origins story, 


Vignal’s art recreates the pulpy look of the beloved property with thick 
dot screen effects, revealing how the film's Peter Parker developed his 
powers twenty years before the events of the Spider-Verse movie. A fan 
of the Golden Era of comic book illustrations, Vignali says he was thrilled 
to be able to actually hand ink the comic book the way the old masters 
did, “Working in computers is easier for large images that fill the big 
screen, but the result has @ certain look that wasn't right for this task 
After the inking was done, we had to fake the offset lithography and 


‘mop it on the film digitally to replicate that old pulp quality. 
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Incontrast to Miles, his Academy roommate Ganke is 
extremely happy to be at the school, He is looking to 

take full advantage of the academic opportunities there. 
Originally, Ganke had @ bigger role in the movie, but the 
filmmakers decided to develop his storyline in future movies 
about Miles Morales. “He js one of the most gifted students 
at the Academy,” says Justin K, Thompson, “We see him 


stay up all night working on his quantum entanglement 


thesis. He's 20 single-mindedly focused that he seems 


completely oblivious to anything his roommate might be 


up to 
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Blurred Vision 


THIS PAGE: Early cones 
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Ganke is essentially the ultimate overechiever, sequence of the movie that he realizes the truth 
in sharp contrast to Miles who doesn't know about his roommate. “That is really the beginning 
it he really wants to achieve anything, He is also of their friendship,” adds Thompson. 


9 big Spider-Man fan—and it's only in the final 


BELOW AND FAR RIGHT: Early character development sketches by Shiyoon Kim 
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Blurred Vision 


Miles is your typical messy teenager, and his dorm room 


at the Academy reflects his nature and pop culture 


tastes, “This set Is the first glimpse we get of Miles’ soul 
says artist Yuhki Demers, “With echoes of his uncle's 
opartment, the backdrop really cements the idea that, 
for the most part, Miles is o normal teen with normal 
problems associated with that age. We worked hard. 


0 moke it feel just messy enough!” 


LEFT: Final artwork of Miles’ dorm room by Yuhki Demers, 
ABOVE: The store-bought Spidey suit. Artwork by Patrick O'Keefe 
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WwW 1en Miles discovers the Collider world under the subway, his 
experience echoes that of Alice as she falls t 


hole. He enters an unusual realm uniike onything he has seen before. 


ough the rabbit 


‘When Miles gets pulled into the action, the Green Gobiin and the 
original Spider-Man are right in the middle of righting inside this big, 


abandoned, underground subway train depot,” recalls produ 


designer Justin K, Thompson. “The filmmakers imagined that engineers 


had been using the abandoned tracks of transport equipment and 


materials underground, When Miles falls into the scene, he’s simply 


trying to avoid being crushed by the gigantic Green Goblin. We made 
sure to add plenty of obstacles for Miles to hide underneath as the fight 


rages around them, 


\ieler-Man by Zae Retz 


oe Wow 
i} id! liga! i 
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ABOVE: Train 
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Miles believes that he is running towards the exit, buthe only gets pulled 
deeper into the rabbit hole. He goes down the wrong path and ends 

up deep inside the Collider. The Atlas Room is the main room that 

houses the Collider. In the original comic beoks by Brian Michael Bendis, 
the Collider is @ smaller hand-held device, but the filmmakers needed 

‘a much more cinematic device for the movie. “The comic introduced 
‘audiences to the Multiverse, but we wented to go much bigger for our 
version of the Collider. We looked closely at the Large Hadron Collider 

in Geneva, which is the world’s largest and most powerful particle collider 
[it lies in a tunnel that is 17 miles in circumference and 574 feet deep!] 


But we knew, ours had to be more fantastical and megical. 
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The designers wanted to take advantage of the real-world references, 
“We were fascinated by the highly reflective materials we saw covering 
the real-world colliders,” notes Thompson. “I wanted it to be a 
kaleidoscopic array of colors—with the bright, saturated blues, yellows, 
‘and reds reflecting off of the mirror-like gold and the chrome. | felt like 
it worked out better than | hoped when we started to see reflections 

of Miles, Peter Parker, and the Green Goblin on the surfaces, all echoing 


the Multiverse itself.” 


ABOVE AND NEXT PAGE: Concept paintings by Patrick O'Koofe, 
NEXT SPREAD: Painting by Patrick O'Keete, 
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Considered by many to be Spider-Man's most engaging and powerful 
archenemy, the Green Goblin is one of the first villains we encounter 

in the movie. The character, which has had many incarnations in the 
comic books, is first spotted by a bewildered Miles in the Assembly Room 
fight scene with Peter Parker’s Spider-Man. In the original Mile Morales 
comics by Brian Michael Bendis ond Sara Pichelli, the Goblin was more 


of @ monster—not merely a powerful guy in @ suit 


In an animated movie you can play around with the limits of reality,” 
explains production designer Justin K. Thompson. “Green Goblin deesn't 
have a big part in the movie, but we thought we could kick things 

Up @ notch by making him about twenty-two feet tall.” 


ABOVE: Story art by Peter Ramsey, BELOW LEFT AND CENTER: Color concepts for the Green Gablin by Jess Alonso Iglesias 


BELOW RIGHT: Color concept by Alberto Mielgo. 


He adds, “We already saw Andrew Garfield fight a lizard, so we 
thought it would be cool to have Spider-Man fight a Godzlla-like 
monster. We only had him for this one scene before he blows up. 

s0 the filmmakers wanted to have as much fun with him as possible 
They wanted to introduce him like the T-Rex in Jurassic Park 

The audience can see his outline getting closer, and he's this giant 
figure looming over ther, Miles is in awe and just trying not to get 
crushed by the monstrous Green Goblin that Spider-Man is fighting 
It's an amazing cinematic scene that takes full advantage of making 


him into a giant monster.” 
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Miles Meets the Spider-Men 
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Peter Parker's love interest and (sometimes) wife, 
Mary Jane Watson makes an appearance in the movie, 
The character, who was originally introduced in 1965, 
doesn't have a big role however, the filmmakers thought 
it would be fun for fans to spot her. “She's an extremely 
important character in the Spider-Man canon, but she 
had very little screen time,” says Justin k. Thompson. 

So, | wanted her to have a classie, iconic look that 
would be instantly recognizable. She is beoutiful, with 
striking red hoir, and a very specific jagged cut on her 
bangs for which she's known, When Peter Parker sees 


her, he immediately recognizes her and so do the fans. 


LEFT: Color concept by Alberto Mielgo. 
RIGHT: 3D design by Omar Smith and paint by Yoshar Kassal 
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The Spicier-Man that the Collider brings to 
Miles Morales’ world is certainly not the Peter 
Parker he or any of his fans are familiar with. 
This thirty-something version of the web-slinger 
(voiced by Jake Johnson) is a bit jaded, not 

in the greatest of shapes, and is dreaming 

of c happy, carefree retirement in Costa Rica. 


“Although he has the musculature of a super 
hero, he also has a litte bit of a beer belly,” 
‘says choracter designer Shiyoon Kim, “He has 
been through a couple of decades of crime- 
fighting, and it shows. He pushed his nose 

to the side a little bit... thought it was o great 
way to connect with the fans of the comic book 
who have been following this character through 


the years. He feels authentic and appeaiing.” 


Director Peter Ramsey says he also found 
it interesting that this older Spider-Man has 
paid a heavy cost for being a super hero. 

“He has lost a lot, and is starting to wonder 
whether it hos all been worth it,” he says. 
“Helping Miles, who is 0 kid Just beginning his 
life.as Spider-Man, also restores his faith. 


It's a pretty complex and powerful storyline.” 


‘The way production designer Justin K. 
Thompson sees it, “Peter is playing Mr. Miyagi 
to Miles’ Karate Kid, and he reluctantly agrees 
to teach hima few things. But he doesn't have 
to prove anything anymore—ne's like LeBron 
James ot the end of his career: we all know he's 
the greatest.” 

RIGHT: Final character ortwark paint by Yoshar Kaxeai 


FAR RIGHT: Concept sketches by Justin K, Thompson 
‘and Josie Alonso igiesies 
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ABOVE: Sketches by 
NEXT PAGE: Sketches (top) by Shiyoon Kim. Final artwork (bettom left) 20 design by 
Shyleon Kim, 30 design by Omar Smith. and point by Rebh Ruppel. Artwork (bottom right) 
2D design by Shyioon Kim, 30 design by Omar Smith, and point by Wendell Dalit. 


That's why we could be riskier with 
and make the movie 


ifferent from what 
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Miles Meets the Spider-Men 
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OUT OF THE 


CITY 


he cool, reflective Alchemax Labs are where the shocking 

reveal of Dr. Octavius takes place. To design this important 
location, the artistic team were inspired by reatlife tech spaces 
such os the Jet Propulsion Lab in Pasadena and various NASA 
facilities, “Much like the character reveal of Dr. Octavius, | wanted 
the location to have a modern facade of altruism, while its true 
intentions are deeply sinister,” says vis dev artist Patrick O'Keefe. 
“l used a mixture of highly reflective material to parallel the 
Multiverse aspects of Doc's research, The main research lab was 
designed as a very high-tech playground for our characters.” 
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Cold and sanitized—those are the words he says. “You have to believe that this 


production designer Justin K. Thompson is a place where scientists can actually 
Uses to describe the labs. “A lot of times do their work. When Spider-Man and 
in science fiction movies, there Is a Miles are walking through the lab, 
tendency to go super high-tech, but we wanted to emphasize the reflective 
we wanted to be believable as well surfaces. It's @ subtle hall of mirrors 


effect. There's also a green tint to the 
space because we chose green to 

be the color of evil, discomfort, and 
apprehension in our film, It’s our way 
of cuing the audience that bad things, 


are about te hoppen." 


PATI 
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ing at the 
hundred yard: 


ABOVE AND RIGHT: Concept art 
tylo of Doc Ock’s lab 
NEXT SPREAD: Painting by Patrick O'Keefe 


Out of the City 


TH 
THAT 
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Doctor Octopus is the orchetypal mad scientist who first appeared 
in The Amazing Spider-Man comic book in July of 1963. Fans of the 
live-action Spider-Man movies will remember Doc Ock as portrayed 

by Alfred Molina in the 2004 movie Spider-Man 2. The Doc Ock we see 
in this movie is something entirely new and criginal—a super intelligent 
and ambitious woman who is blinded by the possibilities of science. 


Character designer Shiyoon Kim recalls that from the start Chris Miller 
and Phil Lord wanted her to look and feel like a regular scientist, 


The creative team took a page from Particle Fever, the celebrated 


documentary which looked at the experimental physicists who worked 


at the Large Hadron Collider in Switzerland. “They wanted to convey the 
authenticity of these scientists who are so passionate about science that 
it can sometimes outweigh their ethics,” says kim, “They pushed us to 


look at real scientists to duplicate that same visual.” 


Production designer Justin k. Thompson adds, "When you look at rea! 
experimental, cutting edge science you'll see that most of the early 
prototypes aren't actually that slick. The technology isn’t covered 

Up with slick plastic and doesn't look like an iPod. We wanted Doc Ock's 
world to feel cold, scnitized, utilitarian, and experimental, which gives 


everything a heightened sense of eeriness for on animated movie.” 


Out of the City 


Thompson and the visual development 
artists came up with new ways to depict 
the villainess’ tentacles, using synthetic 
semi-transparent silicon material that, 
expands and contracts like membranes. 
We didn’t want her to wear anything 
slick or revealing, Instead, we wanted 
the audience to be genuinely cisturbed 
by how unrefined she seems. Her 
costume feels like something that 
hasn't been finished,” says the 
production desioner. “She is overly 
excited about the Multiverse and Isn't 
really aware of haw crazy she looks 

She has wild hair with purple highlights. 
And | really wanted her organic, slimy 
tentacles to freak the audience out 
When they slide across Spider-Man's 
face, She's creepy and intimidating and 
she stands in high contrast with Spider- 


Man who is just o guy in tights,” 


PREVIOUS PAGE: Story art by Eva Bruschi 
Concept art by Jesis Alcnso Iglesias. 
‘THIS PAGE: 2D design by Shiyoon Kim, 
30 design by Omar Smith, ond paint by 
Wendell Dalit 
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The creative team for the movi seer > give Spider- pris w y Man out 
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Artist Patrick O'Keefe points out that it was decided to triple the size Many of the tree limbs a1 


disconnected, and most of the foliage 


of the trees, while keeping it as graphic as possible, “As with most sets is still floating. | wos very inspired by Bill Watterson’s forest from the 


cal 


inth ‘ond Hobbes 


film, it was always about s 


ing how fax ip. There is a clustering of shapes and details 


world around us and how much we could get away with,” he notes. that describe 


he whole forest as a single vignette, 


THIS SPREAD: Concepts for the Spider 


aut of the city by Neil Ross and Mike Winkelmann, 
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Out of the City 
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+ 


Bright, extremely athletic and at the top of her game, S} 


is seen by many 
as the most reliable and copable of all the Spider: 


haracters in the movie 
“Nobody is cooler than Spider-Gwen” says Kristine Belson, president of Sony Pictures 

‘Animation, “She is such @ bad-ass, She isa tough fighter, but she also has this costume 
that makes her look genuinely feminine, which culminates in these elegant pointe shoes 


It's like martial artist meets ballet dancer style. She is remarkably graceful, but you also 
don't 


ver want to mess with her. Her costume reflects that duality—this gre 


mix 


of elegance and forceful spirit. 
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ABOVE: Concept design by Joey Chou. BELOW: Facial expression development by Shiyoon Kim, 
NEXT PAGE: Artwork by Alberto Micigo 


/ 
ZG 
—S 
Character designer Shiyoon kim recalls doing the intiol sketches for looked really appecting and very different from your typiccl animated 
the character. “She is pretty awesome, and we had a greot sculpt female characters. She s not just a pretty blonde gil with your typical 
done based on the sketches by Andrea Blasich and vis dev artist thin princess body. We wanted her to look lke @ ballet dancer—tal, 
Omer Smith ereoted the final design,” notes Kim, “The fine! rendition Fmisicular whe powertul 
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ABOVE: Sketches by Borja Montoro, RIGHT: 2D design by Shiyoon Kim, 3D design by 
‘Omar Smith, and paint by Wendell Dalit. BELOW: Paint by Naveen Selvanathan, 


‘Out of the City 


aa 


ABOVE: Character sketches by Shiyaan Kim, BELOW: Facial expression development by Borja Montoro. 
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Spider Team Suit Up 
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The Art of Spider-Man: 


Clearly one of the wildest and funniest incarnations of the 
super hero, Spider-Ham was first introduced in Marvel comics 
by creators Tom DeFaleo and Mark Armstrong in 1983. 

An homage to classic Looney Tunes characters, this version 

Of the character allowed the artists to have o lot of fun with 
rubber-hose style animation and visuals that are loose and 
graphic and stand out from the other figures in Miles’ universe. 
Spider-Ham follows the rules of his own animated universe. 


He can threw a black circle on a wall and climb right through it 


As producer Phil Lord points out, “We just follow the possibilities 
that are inherent in the concept, but we also do stuff that 

we're usually not allowed to. We have an anime character 
interacting with Spider-Ham, who is something out of « Rocky 
‘and Bullwinkle cartoon, next too black-and-white character. 
You think to yourself, ‘Wow, it feels like nobody is supervising us. 
We're not supposed to do this’ That level of fun and freedom 


gives us a lot of joy!” 


“We have included a lot of line work 
in the characters’ performances. 
We wanted to break up forms in a way 
that audiences can't quite tell whether 
something is 3D or not.” 

Josh Beveridge, Animation Supervisor 


LEFT: 20 design by Craig Kellman, 3D design by Omar Smith, and paint 
by Justin K, Thompson 


Spider Team Suit Up 


ABOVE: Choracter sketches by Craig Kellman. 
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Another creative twist on the Spider-Man character, Peni Parker 

is a fourteen-year-old girl and pilot of o mech suit called SP//ar 

The suit’s head is also the home of a radioactive spider that shares 
psychic link with the pilot, First introduced in Marvel's Edge of Spider- 
Verse: Miniseries, this anime-influenced version of the character 

is another character pulled into Miles’ world thanks to Prowler and 

Doc Ock's experiments with the Collider. 


Both familiar and of the future, SP//dr's design pays homage to the 
original by retaining its humanoid form. As artist Yeshar Kassai explains 
“He sports two new technologies: a holographic display and a magnetic 
levitation. SP//dr |s an incredible weapon, but for Peni, he Is an even 
better friend, Beneath his onti-ballistic alloy shell, $P//dr can also 

be a big softy, The display allows SP//dr to show an infinite number 


of faces to convey emotions. It was important for us to be able to 
convey his feelings to the audience visually 


Kassai, who also worked on the early designs of Peni Parker, says he 
enjoyed adding a feisty Japanese girl from an anime universe to the 
mix. "One of design's greatest pleasures is stark contrast,” he points 
out. "From her look to her behavior, Peni is anime through and through. 
To see her standing alongside Miles creates the kind of variety the 

film embraces. She's two-toned and outfitted in a modern-day schoo! 
uniform, Because she comes from the thirtieth century, her clothing is, 
made of fabrics from the future, The shirt has @ technological sheen, the 
sweater is laced with reflective components. and the outfit is detailed 
with luminescent accents throughout. As for the backpock...well it's just 
very cute.” 


ABOVE: Character sketches by Jesus Alonso Iglesias showing the final design for both Peni and SP//dr, 
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Spider Team Suit Up 


= 
ABOVE: Concept sketches of SP//dr by Yashar Kassal and Tony Situno 
(top), 0 ttom). 

RIGHT: i int by Yashar Kass: 

Peni 3D) bby Omar Smith andl paint by Yashes 
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and Carmine 


ted by David Hine, 


sider-Man Noir first appeared in 


Di Giar 


Marvel 72009. Modeled after an archetypal 


offers a darker take on the all 


gumshoe 


timistic Peter Parker character. In th 


jarocters 


movie, he is one of the alternative universe 


that is pulled Into Miles’ warld becouse of the Collider’s 


ripping of the space-time continuum, 


LEFT: The mysterious Spider-Man 


Noir by Yashar 
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‘Animation allows us to experiment with our visual 


depiction of this gun-wie 
says production designer Justin K. Thompson, “We depict 


him in gritty black-and-white, because that's the world he 


is coming from, There's @ lot of cross-hatching [marking 
or shading two or mare intersecting series of parallel 


lines] involved with Noi 


‘Spider-Man Noir w 


‘one of the earliest paintings | did 


for this production,” says development artist 


Dalit. “Our original idea was to have these textures that 


feel like an old comic book or newsprint ink 
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Spider Team Suit Up 
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PREVIOUS PAGE: Character concept art by Jesis Alonso Iglesias. ABOVE: Comic-style sketches by Vi-Dieu Nayuen, 
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Spider Team Suit Up 


“Miles, like every incarnation of Spider-Man, is someone whose 
nose is pressed against the window, wanting to be part 
of something that they think they're not part of. 
That's a universal feeling for all of us.” 


Amy Pascal, Producer 
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ABOVE: A variety of spidey suits by Yuhki Demers 
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“We have been able to play 
with light and darkness in ways 
that haven't been done in CG- 
animated movies before. It has 

really extended the range of 

what we've been able to put 
on the screen, especially when 
it comes to creating dark and 
graphic scenes with comic 
book-style lighting.” 


Dean Gordon, Art Director 


ABOVE: Artwork by Alberto Mielgo. 


On the Prowl 
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he Prowler isa tall, lanky, ultra-fit, trained assassin who is one of the Kingpin's 
main henchmen, Of course, the surprising reveal in the first half of the move 

is that he is Uncle Aaran's alter-ego, The designers went back ta both the ariginal 

Prowler costume from the Spider-Man comics as well as the Miles Morales ones, 


‘and put their own interpretation on it 


paint by Yasher Kassal and J 
sketches 
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‘We updated it and personalized the design to fit who we thought Uncle Aaron 


was,” says director Bob Persichetti ind of the low-fi {ron Man. Prowler 


has these steal claws that are like glov. 


ich have power punches in them 
He wears pneumatic boots that give him the ability to jump really far, almost fly. 


He has this giant towel-ik 


glider cape that almost seems comedic, but on him, 


t looks quite gritty, It allowed us to represent him quite graphically in the movie 


n his design, We have taken out a lot of CG elements and rendered them ina 


flat way, so we can get a much more graphic entation, and he’s one of my 


favorite designs in the film. 


THIS PAGE: Concept art by Jesus Alonso Iglesias 
NEXT PAGE: Paint by Yashor Kassa 
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On the Prowl 


Prowler's motorcycle is basically a highly-modified café racer. Since Uncle Aaron 
is a clever gear-head, it’s clear that he put this slick, light-weight, and minimatistic 
motorcycle together himself. “Prowler is brilliant cat burglar whois very good 

at putting things together,” says production designer Justin K, Thompson. “Just like 


his car, boots, and other gadgets, he put this racer together using found parts 


It’s functional and super cool. 


ABOVE: Prowier 


motorcycle, 30 design Vaughan Ling and paint by Wendell Dalit, 
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A‘ May's home had to be as warm and inviting as the character herself, In the 
words of artist Yuhki Demers, “We wanted it to feel like anyone's grandma or aunt 
could live there, | like to imagine it smells like homemade chocolate-chip cookies with 


hint of mothbells!" 


The Battle 
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Lape: 20 design by Shiyoon kim, 3D design by Omar Smith, and paint 
by Wendell Dalit. Aljve Focial expression development by Shiyoon kim. 


This is certainly not your father’s Aunt Moy. 
Echoing popular mature actresses like Lily 
Tomlin and Jane Fond, the film’s Aunt May 
{s described as “bad-ass” and “feisty” by the 
creative team. As character designer Shiyoon 
kim explains, “Just as our Peter Parker 

is different from the live-action versions 

of Spider-Man, our Aunt Moy is also quite 

‘an original in this universe. She can easily 


handle herself as well as the other characters 
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fom the other Spider-Verse worlds. We looked 
at a lot of feisty older actresses, especially Lily 
Tomlin as we see her In the Netflix sitcom Grace 
‘ond Frankie. But along with the toughness, she 
also has this natural warmth and support for 
Milles, There is a part in the movie where she 
seems to be only character that gives him 

‘a chance. You need that balance for Aunt May. 
She can’t be too tough without showing her 


caring side as well.” 
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The Battle 
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Two of the original villains of the Spider-Man universe have small roles heroes and villains. "For Scorpion, we meched him a little more,” says 
in the movie as they assist Kingpin in his evil plans. Re-Imagining them director Bob Persichett!, “We gave him an Incredible tall and mechanical 
for the movie, the designers kept the basic physical characteristics ‘arms, and his legs go trom bipedal to quadruped when he's fighting, 


of the duo, but added a little bit of spin to match the rest of the colorful 


THIS PAGE: Character concepts by Jestis Alonso Iglesias. 
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THIS PAGE: 20 design by Shiyoon kim, 30 design by Taehyun (Terty) Pork, and paint 
by Wenclell Dalit, 
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Tombstone is described as a big Harlem-born thug who serves as Fisk's right-hand man 

‘Tombstone has always been a dangerous hit man who has fought Spider-Man many 
times,” explains production designer Justin K. Thompson. “It was fun to add Tombstone 
to the movie since we knew fans would recognize him from the comics. He looks like this 
giant zombie, and he gets inte a hand-to-hand fight with Spider Noir. He winds up being 
the perfect counterpart to Noir—a 1930s Spider-Man going against an underworld 
gangster inspired by the same era, 


ABOVE: Action concepts by Jestis Alonso Iglesias, RIGHT: 2D design by Shiyoon Kim and paint 
by Wendell Dalit, 
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FISK’S 


FIASCO 


F st introduced by Stan Lee and John Remita Sr. in 1967, Kingpin 


of the most powerful and ferocious crime lords in the Marvel 


He is a smart crim 


rd or nates 


yy businessman, 


ductior 


pr designer Justin K, Thompson. “He puts a lot of money into 


the city, and that's how he throws people off, and gets all the city 


officials on his side.” 


ABOVE: Sket 


23 by Jestis Alonso Iglesias. NEXT PAGE: 2D design by Shiyaon Kim, 3D desigr 
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Often portrayed as an imposing heavyset man, Kingpin offered the 


creative team another chance to go bigger than life and explore the 


villainous che 


full possibilities, As production designer Justin 


K. Thompson describes him, “In the comics, Kingpin was always 


portrayed as this gargantuan character, so for our movie, | wanted him 


to be atleast ei tall, seven feet wide. Since he is responsi 


yc mith, and paint by Wendell Dalit, NEXT SPREAD: Artwork by Craig Mullins 
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silhouettes out of our shots 


figure and the most abstracted 
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Vanesso is Kingpin's wife, whose death is what motivates Kingpin to open up the 
portal to bring Vanessa back to the universe. “It's a foolish plan and is destined 
to fail, because anyone from other universes will be different when they are pulled 


through into another one,” explains Justin K. Thompson. “Kingpin has clways been 


incredibly infatuated with his wife. He is willing to give up everything for her 


ABOVE: 3D design by Omar Smith and paint by Yashar Kateai (top) and color concapts by Pi 


footer). 
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Some of the movie's most inspired visuals were created to illustrate the 


glitches’ 


ated because of the arrival of characters from alternative 
Spider-Verses in Miles’ werld. Visuel effects producer Christian Hejnal, 
a long-time studio veteran who worked on Sony's first three live-action 
Spider-Man movies, says the effects team was given the green light 


to be really inventive and experimental with this assignment. 


‘This was brand new for all of us,” Hejnal explains, “The gli 


hing was 
@ modern invention by our team, using the multiple cameras that mirror 
the multiple universes. They are all shot on the same character and same 
animation, but are treated differently, creating this cubist, fragmented 
look. The glitch happens on characters, buildings, cars because of these 
dimensional earthquakes as different worlds intersect. 


Hejnal and his VEX team also had a lot of fun coming up with Miles 
Venom Strike and invisibility powers. “The Venom Strike was inspired 
bya 2D anime style, which were brought to a 3D environment by our 


team,” he explains. “Our look clevelopment and composting teams 
worked very hard to get the final look just right, especially to make 

it work with the screen print technique that is one of the defining visuals 
of the movie. Miles gets the Venom Strike effect every time he’s nervous, 


Cand It looks like @ sharp lightening effect 


tt was the natural world that provided the inspiration for Miles! 
invisibility look. “Our look dey team looked at how cuttlefish are able 

to appear invisible when they position themselves in front of an abject,” 
says Hejnal. “It's view dependent, so the fish only looks invisible if you 
ore looking at it straight ahead. So, our team had to modify that and 
come up with a solution so Miles would appear invisible in all directions 
ina 3D environment, while still maintoining the overall look of the movie 
with the screen-printing and the line-Work on top af it. Iwas something 
that I'd never seen before, and it was very exciting to see it being 


created here. 


BELOW: Dean Gordon worked on matching the design of Miles’ pawers to the aesthetic af the film 
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Fisk's Fiasco 


Any die-hard fans of the Spider-Man universe can tell you that when you turn 
on powerful particle collider, you can invite @ variety of parallel dimensions into 

our world. The dimensional quakes, which are a result of this tear in the space-time 
continuum, posed many opportunities and challenges for the visual artists involved 


in bringing this complex idea alive in CG animation. 


The Art of Spider-Man: Into the Spider-Verse 


Fisk's Fiasco 


Dean Gorden delves into the imagery: 
‘We knew we wanted to represent parallel 
worlds fram the Multiverse intruding inte our 
own,” he says. “Cubism seemed a natural 
idea since it represents multiple views of a 
scene within a single picture frame. So in our 
version, spoce is fractured, and within each 
fracture we see a different angle, scale, and 
rendering, of the same place. Each fracture 


shows a parallel but slightly differen 


of our world existing in another universe and 


now trying to resolve itself in ours. 


THIS SPREAD: Beautifully y Dean Gordon, 
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Because the whole movie tries to come up with new and original 
ways to visualize complex subject: and themes, the portal experience 
also needed to improve on what audiences had seen before in terms 

of passageways to other universes. "We didn’t wantit to seem familiar,” 
says director Bob Persichetti “It couldn't be a tunnel or a derivative 

of anything we'd seen in Doctor Strange. We really wanted it to 
represent what would happen when you smash together these 
subatomic particles and create a tear in the space-time continuum 
(Other dimensions are drawn to Miles’ Brooklyn because that's where 
the Collider is, These multiple universes are trying to resolve themselves 


through the portal.” 


According to Persichetti, the technical team at Sony Imageworks 
developed o camera array that allowed them to project seven different 
‘angles on to the screen at the same time while enabling them to 
render each one of those cameras in a different style. “Once the portal 
opens, and we begin to realize that the Multiverse exists, it looks Ike 
mosaic— except that you're looking at seven different locations (the 
same locations in different universes) from subtly different angles with 
different render scripts on them, Then we had to develop animation to 
make all these things smosh into each other and resolve into one spot. 
That's why visually it looks like abstract art. We have taken perspective, 
unfolded it ond laid it out on the big screen, which is pretty amazing!" 
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(ows of the key sequences of the first act of the movie comes shortly 
ofter the collider fight. We find Miles shaken by the shocking death 
of the classic Spider-Man and pushed into the next part of the story, where 


he becomes aware of the Spider-Verse and the other versions of Spicloy 


pulled in to his world, 


Director Bob Per: 


\etti, who has worked on a range of animated movies 
including The Little Prince, Puss in Boots, and Shrek 2, says the filmmakers 


lovingly referred to this scene as “the arrival of the Fairy Godmother.” 


An early concept of Peter's gra 
Th 


by Craig Mullins 
beginning of Miles and Peter's journey together. Art by Robh Ruppel 


‘The Art of Spider-Man: Into the Spider-Verse 


It's in this sequence that the audience first meets the older, more jaded 
version of Spidey. “The idea is that after the first Peter Parker cies, Miles 


is ot his lowest moment,” says Persichetti. “He visits the gravesite and 


doesn’t know how to move forward, That's wnen a figure er 


ges from 
the darkness. At first, we think it's Prowler, but it's the older version 
of Peter Parker. It's nat the version that Miles wanted or needed, but 


it’s the one he is stuck with. 


After Miles accidentally delivers a Venom Strike to Peter, he involuntarily 
fires « web and they stick to each other. When the police show up, they 
get chased, a web attaches to a passing train and they are thrown 

into this wid ride through Menhatton, “It’s their first scene together, 

but Peter Parker is unconscious thraugh most of the scene,” says the 
director. “We tried to lean into the fun of a kid Spider-Man and a grown 
man Spider-Man. We joked that it was kind of born out of the spirit 


of the 1989 movie Weekend at Bernie's. Peter is unconscious, and Miles 


Is puppeting him as they get drogged through Manhattan, 


The scene gave the artists the chance to deliver a visual extravaganza 
As Persichetti says, “It allowed us to create some of our mest exprossive, 
visual statements so far in the film, We were able to abstract the 


backgrounds, really push the color palettes and lean in to our 


animation. The majority of our animation is done in twos instead of ones 


Timages ar 


2 held for two frames, rather than one] or twelve images per 


ond, instead of twenty-four Images, That's rare for CG.” 


For art director Dean Gordon the scone offered a chance to play with 
the interaction of city lights with the duo as they get whipped oround. 


“Miles and Pete are being towed for ten blocks, so we wanted 
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each block to look differently from the last one,” he explains. “We used twelve to 


fourteen lighting keys to differentiate each block, The earlier blocks, as they come from 


Manhattan, are darker ond the scenes get lighter as they progress. We also have all the 
different colars of the street signs and lights to play with. We have stores, neon lights 
and street signs casting their light on the streets as Mies and Peter travel through the 
ir, While we wanted to keep the sequence very active visually, we still needed the main 
read to be on the character 


We 


They have to stand out against all the busy backgrounds 


ised all the tric 


s, light over dark, dark over light, featuring the most saturated 


colors to track our main characters, 


Another colorful element in the sequence is the reflections of the city on the grounds 


of the icy stre 


ts, “That was one of the cool visuals we played with to showcase 
reflectivity on the wet streets. If you're down on the ground with a low-camera angle, 


you can have this great reflectivity of the lights and cit 


scapes to heighten the visuals.” 


Paul Watling (Hotel Transylvania 2, Smurfs: The Lost Village). who is the head of story 
for into the Spider-Verse, says the sequence wos an artist's dream. “We conceived this 
Whole above-ground train chase sequence, with the two characters attached to each 
other, and whatever we threw at them, they wanted more, and we all kept pushing 


ourselves to make it mare exciting 


Watling recalls the first throw-down of the scene was quite fantastic, but he says with 


each take, the artists would raise the eye candy factor. “Chris Miller and Phil Lord really 
wanted to up the stakes, so we added more of Miles and Peter getting chased by police 


cars and piled on this sense of urgency,” Watling notes. “| am a real sucker for slapstick 


humor, so | was very hoppy to see Miles and Peter being dragged along for blocks, and 


all the silly moments added to the sequence. 


The filmmakers also eliminated the idea of motion blurs for the film. “That meant 


all the images needed to stay crispy at high speed,” explains the director. “They had 
to be balanced with something else as we didn't want to take away from the quality 
of the graphic images. We ollowed for multiple Imagery as in-betweens and making the 


backgrounds become more abstract and become these movement tunnels of color and 


snowflakes, Those elements helped us fight the idea of strobing and all those things that 


Lighting keys by Wendlell Dalit, Zac Retz, Dean Gordon, and Michael Kurinay, 
a trip with his new protégé. Artwork by Dean Gordon, 


Peter tak 


Scene Spotlight - Swinging Through the City 
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most CG films use motion blur to solve. V 


wanted to come up with a 
visual solution that made a bolder statement than softening everything 


50 that it doesn't strobe, 


The creative team approached the sequence as a transition, in term 


of both a storyline and a visuals point of view. This is the moment 


that takes viewers from the first act to the second, where Miles 
first experiences what it's like to be Spider-Man. It also marks the 
introduction of the older Peter Parker character, who becomes Miles 


tion of the movie, 


mentor, “They also both get pretty beat up in this s 
soys Persichetti. “You don't see the actual damage illustrated this vividly 
In animated movies. But the physical toll is something that we were keen 


on showing. Peter's nose is broken. His eyes are swollen and his ears are 


‘asymmetrical—even in the CG model that we built. The first Peter Parker 


is perfect, but then we aged him about fifteen to 


nty years and 
added two decades of Spider-Man wear and tear on him. This makes 
the alder Spider-Man a much more interesting character to fallow 


He is forced into this thr 


legged sack race with Miles, and that’s when 


he remembers why he is a super hero. He finds purpose and m 


eaning 


In being Spider-Man again. 


Persichetti says everyone who was working on Spider-Man: Into 


the Spider-Verse wor thrilled to be able te push the boundaries of 


animation with this project, and this pivotal sequence really helped set 
the right tone. “We are all lucky to be working on a property that has 


such a huge audience invested in it. That's why we could be riskier with 


our choices and make the movie visually different from what a summer 


or winter blockbuster is expected to look like. Our gocl became about 
expanding the taste of the audience and getting them to accept and 
love something that might initially seem different than the other 


CG-animated movies they have seen in the past. 


Looking back, the director sees the sequence as a big cornerstone. 


We were able to share our version of New York. which had this special 


olor palette and visual representation of movement,” he notes. “It wos 


the wilde 


pex of what we had created so far in the movie. Of course, 


we ended up blowing the docrs off the whole thing in the third act! 


His PAGE: Storyboard panels by Vi-Diew Nguyen 


NEXT SPREAD: Lighting keys by Peter Chan. 
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Scene Spotlight - Swinging Through the City 


CONCLUSION 


very once in a while—if we're lucky—we are introduced to super heroes who reflect 

the values, culture, and diversity of the world that we live in. Miles Morales, the new 
hero of Sony Pictures Animation’s bold and visually stunning feature film, is exactly that 
kind of « protagonist, Half-black, half-Puerto Rican, he is a smart thirteen-year-old 
boy with a good heart and loving parents, but he’s initially reluctant to follow in Peter 
Parker's shoes. He may be quite different from the original Spidey envisioned by Stan 
Lee and Steve Ditko in Marvel's Amazing Fantasy comic back in 1962, but the heroic 
heart behind the mask still has the same appeal and honorable goals, 


The talented team at the studio, led by executive producers Chris Miller and Phil Lord, 
and directors Peter Ramsey, Bob Persichetti and Rodney Rothman, have built a hugely 
immersive, dynamic world around Miles, weaving in visual cues that pay homage to the 


gritty origins of Spider-Man and the Golden Age of comic baoks. 


As Kristine Belsor 


Sony Fictures Animation’s president mentions, “We are trying to bring 
something fresh to the table, subvert expectations and take big chances. We want to 
surprise people with something that they haven't seen before by incorporating the 


graphic language of comics.” 


‘Thanks to the hard work, bold and unwavering vision and sheer talent of the artistic 
team behind the movie, Spider-Man: Into the Spider-Verse is bound to find a special 


place both in the hearts of comic book lovers and the pantheon of super hero movies. 


LEFT: Concept antwork by Craig Mullins, 
NEXT PAGE: Character sketch by Jess Alonso Iglesias, 
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